<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>挂失-选择挂失卡片类型</title>
    <link rel="stylesheet" href="../../../css/768_1366/global.css"/>
    <link rel="stylesheet" href="../../../css/768_1366/common.css"/>
    <link rel="stylesheet" href="../../../css/768_1366/reportLoss.css"/>
    <style>
        .typelist {
            padding: 20px 100px;
            top: 30px;
            overflow: hidden;
            position: relative;
        }

        .typelist li {
            float: left;
            width: 40%;
            height: 210px;
            position: relative;
            overflow: hidden;
            color: #fff;
            margin: 0 10% 40px 0;
        }

        .typelist p {
            padding-top: 80px;
            text-align: center;
        }

        .typelist .type {
        }

        .student {
            background: #f7ae3a;
        }

        .oldpeople {
            background: #9a2329;
        }

        .disablepeople {
            background: #de696f;
        }

        .children {
            background: #00cc33;
        }

        .grey {
            background: darkgrey;
        }
    </style>
</head>

<body>
<div class="container inner">
    <div class="header">
        <div class="logo"><em class="_devName"></em></div>
    </div>
    <div class="contentbox">
        <div class="bar">
            您正在办理：<strong>挂失业务</strong>
        </div>
        <div class="mainbox">
            <div class="codebox" style="padding-top: 20px;"><p class="leftcon"><strong class="leftit">请选择挂失的卡类型</strong>
            </p></div>
            <ul class="typelist">
                <li class="type student" voice-control="学生卡挂失">
                    <p>学生卡挂失</p>
                    <div id="" class="promoteicon"></div>
                </li>
                <li class="type oldpeople" voice-control="老年卡挂失">
                    <p>老年卡挂失</p>
                </li>

                <li class="type disablepeople" voice-control="残疾人卡挂失">
                    <p>残疾人卡挂失</p>
                </li>
                <li class="type children" voice-control="儿童卡挂失">
                    <p>儿童卡挂失</p>
                </li>
            </ul>
        </div>
    </div>
    <div class="footer">
        <input type="button" value="首 页" name="exit" class="exit" voice-control="首页,退出,放弃"/>
        <div class="timing">剩余操作时间：<span>20</span></div>
    </div>
    <div class="banner">
        <ul></ul>
        <ol></ol>
        <i class="left"></i><i class="right"></i>
    </div>
</div>
</body>
</html>

<script src="../../../js/frame/jquery.min.js"></script>
<script src="../../../js/frame/browser.js"></script>
<script src="../../../js/frame/banner.js"></script>
<script src="../../../js/frame/wtsd.utils.js"></script>
<script src="../../../../personal/js/Module.js"></script>
<script src="../../../../personal/js/Config.js"></script>
<script src="../../../../personal/js/TicketFormat.js"></script>
<script src="../../../../personal/js/Sound.js"></script>
<script src="../../../js/driver/BaseDriver.js"></script>
<script src="../../../js/driver/CardBox.js"></script>
<script src="../../../js/driver/POS.js"></script>
<script src="../../../js/driver/LED.js"></script>
<script src="../../../js/driver/MultiIO.js"></script>
<script src="../../../js/driver/Common.js"></script>
<script src="../../../js/driver/Actf53.js"></script>
<script src="../../../js/driver/IdCard.js"></script>
<script src="../../../js/driver/Xunfei.js"></script>
<script src="../../../js/gateway/BFE.js"></script>
<script src="../../../js/gateway/TFE.js"></script>
<script src="../../../js/gateway/ICSS.js"></script>
<script src="../../../js/biz/common/BizCache.js"></script>
<script src="../../../js/biz/common/PageTools.js"></script>
<script src="../../../js/biz/common/Enum.js"></script>
<script src="../../../js/frame/chat.js"></script>
<script src="../../../js/frame/require.js"></script>
<script src="../../../js/frame/lib.js"></script>
<script src="../../../js/frame/voice-control.js"></script>
<script src="../../../js/biz/reportLoss/step-0-select-type.js"></script>